<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>提现明细</title>
		<link rel="stylesheet" type="text/css" href="__API__/lib/css/swiper.min.css">
		<link rel="stylesheet" type="text/css" href="__API__/lib/css/mui.css?v=1">
		<link rel="stylesheet" type="text/css" href="__API__/lib/css/mobileSelect.css" />
		<link rel="stylesheet" href="__API__/lib/css/style.css">
		<script type="text/javascript" src="__API__/lib/js/jquery-1.11.0.min.js"></script>
		<script type="text/javascript" src="__API__/lib/js/mui.js"></script>
		<script src="__API__/lib/js/mobileSelect.js" type="text/javascript" charset="utf-8"></script>
		<script src="__API__/lib/js/city.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="__API__/lib/js/swiper.min.js"></script>
		<script type="text/javascript" src="__API__/lib/js/vue.min.js"></script>
		<script type="text/javascript" src="__API__/lib/js/common.js"></script>
		<script type="text/javascript" src="__API__/lib/js/index.js"></script>
	<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script></head>

	<body>
		<div class="page_box bg_color" id="app">
			<div class="com_head user_head">
				<p>总提现金额 (元)</p>
				<span>{{total_brokerage}}</span>
			</div>
			<div class="com_cont with_cont" style="height: auto;">
				<div v-if="commissionList.length > 0">
					<ul class="com_list">
						<li v-for="(item,i) in commissionList">
							<div class="icon"><img src="__API__/lib/images/yj.png" alt=""></div>
							<div class="info">
								<div class="left">
									<h3>{{item.audit_status_title}}</h3>
									<p>{{item.withdraw_name}} {{item.withdraw_no}}</p>
									<span class="date">{{item.create_time}} {{item.type_title}}</span>
								</div>
								<div class="right">
									<span>{{item.brokerage}} <br/>{{item.audit_title}}</span>
									<span class="blue" v-if="item.error_msg">{{item.error_msg}}</span>
								</div>
							</div>
						</li>
					</ul>
					<div class="load">{{isLoad ? '加载更多':'没有更多了'}}</div>
				</div>
				<div class="null_box" v-else>
					<div class="img"><img src="__API__/lib/images/detail_null.png" alt=""></div>
					<p>~ 还没有提现数据 ~</p>
				</div>
			</div>
		</div>
		<script>
			var app = null;

			app = new Vue({
				el: '#app',
				data: {
					total_brokerage:0.00,
					size: 10,
					current: 1,
					pages: 0,
					sys_isempty: true,
					total_price: '8600',
					commissionList: [
					],

					isLoad: true,
					msg: "正在加载"
				},
				created: function() {
					var that = this;
					that.getData(true);
					common.ajax("{:url('Member/withdraw_records')}",{token:localStorage.getItem('token')} , function(res) {
						that.commissionList = res.data.data;
						that.total_brokerage =res.total_brokerage;
						// that.getData(searchValue);
					})
				},
				methods: {
					goDetail(url) {
						common.openUrl(url)
					},
					getData() {
						var that = this;
						let data = {
							"current": that.current,
							"size": that.size
						}
						// common.ajax('', data, function(res) {
						// 	if (res.success) {

						// 	} else {
						// 		common.alert(res.msg)
						// 	}

						// }, true)
					}
				}
			});
		</script>
	</body>

</html>
